<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>考试信息系统</title>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<!-- 新 Bootstrap 核心 CSS 文件 -->
	<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	
	<style>
		#login{
			width: 30%;
			text-align: center;
			border: #000000 0.3125rem solid;
			border-radius: 1.25rem;
			padding: 4.25rem;
			position: absolute;
			top: 45%;
			left: 50%;
			transform: translate(-50%, -50%);
			background-color: #ffffff;
		}
		img{
			display: block;
			margin: 0 auto;
			width: 20%;
			height: auto;
			position: absolute;
			bottom: 10%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	</style>
	<body style="background-color: #dadada">
		<img src="https://www.fdzcxy.edu.cn/main/images/logo.png" width="370" height="76" border="0" alt="福州大学至诚学院">
		<div id="login">
			<p style="font-size: 3rem;margin-bottom: 3.125rem;">考试信息系统</p>
			<form class="form-horizontal" role="form" id="form">
			  <div class="form-group">
			    <label for="firstname" class="col-sm-2 control-label">账号：</label>
			    <div class="col-sm-10">
			      <input type="text" class="form-control" id="firstname" placeholder="请输入账号" name="id">
			    </div>
			  </div>
			  <div class="form-group">
			    <label for="lastname" class="col-sm-2 control-label">密码：</label>
			    <div class="col-sm-10">
			      <input type="text" class="form-control" id="lastname" placeholder="请输入密码" name="pwd">
			    </div>
			  </div>
			  <button  class="btn btn-primary btn-lg btn-block" style="width: 100%;margin-top: 5%;" onclick="login()">登录</button>
			</form>
		</div>
	</body>
</html>
